<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>个人中心</title>
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" type="text/css" href="../../bootstrap-4.2.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
  <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
  <link rel="stylesheet" type="text/css" href="../css/common.css">
  <style type="text/css">
    .list-block{
      padding: 5px 0px;
    }
    ul{
      padding: 2px 0px;

    }
    ul li a{
      color: #000;
    }
    ul li a:hover{
      color: #000;
    }
    ul li{
      padding-top: 10px;
    }
    ul::before,ul::after{
      border: 1px solid #fff;
    }
    .item-inner{
      padding-left: 20px;
    }
  </style>
</head>
<body>
	<div class="container">
    <header class="bar bar-nav header">
      <h1 class='title'>个人中心</h1>
    </header>
    <!-- 中间，记录显示 -->
    <div class="mainContent">
      <div class="topInfo" style="padding: 20px 0px 10px 30px">
        ​<img src="../images/favicon.png" alt="" style="border-radius:50%;height:90px; ">
        <span style="padding-left: 20px;">用户名</span>
      </div>
      <hr style="border: 1px solid #E5E5E5;border-radius: 10%">
      <div class="list-block" style="border:0px solid #f00;margin-top: 10px;">
        <ul>
          <li>
            <div class="item-content">
              <a class="item-inner" href="myIssue.html">
                我的贴子
                <span class="icon icon-right"></span>
              </a>
            </div>
          </li>
          <li>
            <div class="item-content">
              <a class="item-inner"  href="myInfo.html">
                个人信息
                <span class="icon icon-right"></span>
              </a>
            </div>
          </li>
          <li>
            <div class="item-content">
              <a class="item-inner" href="myPassword.html" style="border-bottom: 0.5px solid #E7E7E7;margin-bottom: 5px;">
                密码修改
                <span class="icon icon-right"></span>
              </a>
            </div>
          </li>
        </ul>
      </div>
    </div><!-- end of .mainContent -->
		<!-- 底部，导航栏 -->
		<footer class="footer">
		  <nav class="bar bar-tab">
		    <a class="tab-item" href="../01/home.html">
		      <span class="icon icon-home"></span>
		      <span class="tab-label">首页</span>
		    </a>
		    <a class="tab-item" href="../02/issue.html">
		      <span class="icon icon-edit"></span>
		      <span class="tab-label">发贴</span>
		    </a>
		    <a class="tab-item" href="../03/message.html">
		      <span class="icon icon-message"></span>
		      <span class="tab-label">信息</span>
		    </a>
		    <a class="tab-item active" href="../04/me.html">
		      <span class="icon icon-me"></span>
		      <span class="tab-label">我</span>
		    </a>
		  </nav>
		</footer>
	</div> <!-- end of .container -->

  <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
  <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	<script type="text/javascript" src="../../js/jquery-3.3.1.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="../../bootstrap-4.2.1/js/bootstrap.min.js" charset="utf-8"></script>
</body>
</html>